//公车详细页面
import React, { Component } from 'react';
import {
    View,
} from 'react-native';


import Icon from 'react-native-vector-icons/Ionicons';
import { mapbusStyle as styles } from '../../../styles';
import { MapView } from 'rn-ai-baidu-map';
var Dimensions = require('Dimensions');
var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height;

import Busin_top from './busintop';
import Busin_list from './businlist';

export default class Busin extends Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <View style={styles.busin}>
                <Busin_top navigation={this.props.navigation} />
                <View style={[styles.businmap, { height: height * 0.65 }]}>
                    <MapView
                        zoom={14}
                        style={{ height: height * 0.65 }}
                    />
                </View>

                <View style={[styles.busdown, {
                    height: height - 80,
                    width: width * 1,
                    bottom: this.state.bottom
                }]}>

                    {/* 小按钮 */}
                    <View style={styles.buslittle}
                        {...this._panResponder.panHandlers}>
                        <Icon
                            name={'md-funnel'}
                            size={25}
                            color={'#aeaeae'} style={styles.businicon2} />
                    </View>
                    
                    <Busin_list Lines={this.props.navigation.state.params.Lines}/>
                </View>
            </View>
        );
    }

}